/*始化*/
* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
/*整体样式*/
html,
body {
	width: 100%;
	background-color: #f4f4f4;
	/* height: 1000px; */
	height: 826px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.wrapper {
	width: 100%;
	/* height: 100%; */
	height: 35px;
}

/*  导航条 */
.wrapper .top-nav-wrap {
	width: 100%;
	height: 35px;
	background-color: #f5f5f5;
	border: 1px solid #eee;
}
.wrapper .top-nav-wrap .top-nav {
	width: 1190px;
	height: 35px;
	margin: 0px auto;
}
.wrapper .top-nav-wrap .top-nav .top-nav-l {
	float: left;
}

.wrapper .top-nav-wrap .top-nav .top-nav-r {
	float: right;
}

.wrapper .top-nav-wrap .top-nav li {
	float: left;
	margin-right: 7px;
}

.wrapper .top-nav-wrap .top-nav li a {
	color: #6c6c6c;
	font-size: 13px;
	line-height: 35px;
	padding: 0 6px;
}

.wrapper .top-nav-wrap .top-nav li a:hover,
.wrapper .top-nav-wrap .top-nav li .login {
	color: #f40;
}

.wrapper .top-nav-wrap .top-nav .china {
	color: #3c3c3c;
	font-size: 12px;
	line-height: 35px;
}
.wrapper .top-nav-wrap .top-nav .china-span {
	padding: 0 6px;
}

.wrapper .top-nav-wrap .top-nav .cutOff span {
	color: #ddd;
	line-height: 35px;
}

.wrapper .top-nav-wrap .top-nav .bgPic {
	display: inline-block;
	width: 6px;
	height: 3px;
	vertical-align: middle;
	background-size: 100% 100%;
}
.wrapper .top-nav-wrap .top-nav .xsjPic {
	width: 8px;
	height: 5px;
	background-image: url("../img/xiala.png");
}

.wrapper .top-nav-wrap .top-nav .shopCarPic {
	width: 12px;
	height: 12px;
	color: #ff4001;

	background-image: url("../img/gouwuche.png");
}

.wrapper .top-nav-wrap .top-nav .likePic {
	width: 12px;
	height: 11px;
	color: #ff4001;
	background-image: url("../img/shoucang-copy-copy.png");
}

.wrapper .top-nav-wrap .top-nav .webNavPic {
	width: 8px;
	height: 8px;
	background-image: url("../img/daohang1.png");
}
/* 表 */
#tb {
	width: 100%;
	height: 550px;
	background-color: #ffffff;
}
.jz{
	
	border: 1px solid #ddd;
}
#tb .tb-zc span{
	color: #f4f4f4;

}
.tb-zc {
	height: 550px;
	width: 1190px;
	margin: 0 auto;
background: #f4f4f4;
}
.bjys{
	font-size: 24px;
	height: 30px;
	color: #f80;
	background: orangered;
}

.tb{
	height: 550px;
}

/*  表 */

  .heart-middle {
  /* 	width: 355px;
  height: 378px; */
  width: 360px;
  height: 380px;
  background-color: #fff;
  border-radius: 5px;
  float: right;
  position: relative;
  bottom: 0;
  right: 0;
  text-align: center;
}
  .heart-middle .title {
  width: 100%;
  height: 60px;
  color: #555555;
  font-size: 22px;
  text-align: center;
  line-height: 60px;
  border-bottom: 1px solid #dddddd;
}
  .heart-middle .middle .username {
  width: 280px;
  height: 40px;
  border: 1px solid #dddddd;
  margin-top: 34px;
  margin-bottom: 15px;
  border-radius: 2px;
}
  .heart-middle .middle .password {
  width: 280px;
  height: 40px;
  border: 1px solid #dddddd;
  margin-bottom: 15px;
  border-radius: 2px;
}
  .heart-middle .center {
  width: 280px;
  display: flex;
  justify-content: space-between;
  /* 弹性盒布局 */
  margin: 0 auto;
  padding-bottom: 10px;
}
  .heart-middle .center input {
  outline: none;
  margin: auto 0;
}
  .heart-middle .center a {
  text-decoration: none;
  color: #5678a0;
}
  .heart-middle .login {
  width: 280px;
  height: 60px;
  margin: 20px 0 40px 0;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.tj{
	height: 24px;
	width: 40px;
	border-radius: 5px;
	border: 1px solid #3c3c3c;
}
  .heart-middle .login .zhuce {
  display: inline-block;
  width: 130px;
  height: 40px;
  font-size: 17px;
  text-align: center;
  line-height: 40px;
}
  .heart-middle .bangding {
  width: 280px;
  height: 80px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
  .heart-middle .bangding .qq {
  width: 90px;
  height: 50px;
}

/*  页脚 */
footer {
	width: 100%;
	height: 246px;
	margin: 0 auto;
	background-color: #ffffff;
}
footer > div:first-child {
	width: 1190px;
	height: 68px;
	margin: 0 auto;
	border-bottom: 1px solid gainsboro;
}
.zuihou > li {
	float: left;
	font-size: 14px;
	margin: 10px 20px 0px 0;
	padding-right: 10px;
	color: gray;
}
.zuihou > li:hover {
	color: red;
}
.zuihou > li:not(:last-child) {
	border-right: 1px solid gainsboro;
}
footer > div:nth-child(2) {
	width: 1190px;
	height: 86px;
	margin: 0 auto;
}
footer a,
span,
p {
	color: gray;
	font-size: 14px;
	margin-right: 10px;
}
footer a:hover {
	color: blue;
}
.foter {
	border-left: 1px solid gainsboro;
	padding-left: 40px;
}
.zhean > span {
	border-right: 1px solid gainsboro;
	padding-right: 5px;
}
.zhean > span:nth-child(3) {
	color: gainsboro;
}
.zhean > p {
	color: gainsboro;
}
footer > img {
	width: 1190px;
	margin: 12px auto;
	padding-left: 88px;
	background-color: white;
}

